﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TESTFORM.aspx.vb" Inherits="GoodAnotApp.TESTFORM" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <style type="text/css">
        .style3
        {
            width: 870px;
        }
        .imageFrontPage
        {
            margin-left: 18px;
            border: 1px solid #DDD;
            opacity: 0.3;
            filter: alpha(opacity=50);
            -webkit-transition: opacity 1s linear;
        }
        .tdNoSpacing
        {
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            border-top: 0px;
        }
        
        .imageFrontPage:hover
        {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transition: opacity 1s linear;
        }
        
        .wrap
        {
            width: 993px;
            margin: 0 auto;
            text-align: left;
        }
        #top #nav
        {
            float: left;
            clear: both;
            width: 993px;
            height: 52px;
            margin: 22px 0 0;
        }
        #top #nav ul
        {
            float: left;
            width: 700px;
            height: 52px;
            list-style-type: none;
        }
        #nav ul li
        {
            float: left;
            height: 52px;
        }
        #nav ul li a
        {
            border: 0;
            height: 52px;
            display: block;
            line-height: 52px;
            text-indent: -9999px;
        }
        #galleryHeader
        {
            margin: -1px 0 0;
        }
        #video-galleryHeader
        {
            height: 683px;
            margin: -1px 0 0;
        }
        #galleryHeader div.wrap
        {
            height: 299px;
            background: url(images/galleryHeader-bg.png) no-repeat 50% 0;
        }
        #galleryHeader #slide-holder
        {
            z-index: 40;
            width: 993px;
            height: 299px;
            position: absolute;
        }
        #galleryHeader #slide-holder #slide-runner
        {
            top: 9px;
            left: 9px;
            width: 973px;
            height: 278px;
            overflow: hidden;
            position: absolute;
        }
        #galleryHeader #slide-holder img
        {
            margin: 0;
            display: none;
            position: absolute;
        }
        #galleryHeader #slide-holder #slide-controls
        {
            left: 0;
            bottom: 228px;
            width: 973px;
            height: 46px;
            display: none;
            position: absolute;
            background: url(images/slide-bg.png) 0 0;
        }
        #galleryHeader #slide-holder #slide-controls p.text
        {
            float: left;
            color: #fff;
            display: inline;
            font-size: 10px;
            line-height: 16px;
            margin: 15px 0 0 20px;
            text-transform: uppercase;
        }
        #galleryHeader #slide-holder #slide-controls p#slide-nav
        {
            float: right;
            height: 24px;
            display: inline;
            margin: 11px 15px 0 0;
        }
        #galleryHeader #slide-holder #slide-controls p#slide-nav a
        {
            float: left;
            width: 24px;
            height: 24px;
            display: inline;
            font-size: 11px;
            margin: 0 5px 0 0;
            line-height: 24px;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            background-position: 0 0;
            background-repeat: no-repeat;
        }
        #galleryHeader #slide-holder #slide-controls p#slide-nav a.on
        {
            background-position: 0 -24px;
        }
        #galleryHeader #slide-holder #slide-controls p#slide-nav a
        {
            background-image: url(images/silde-nav.png);
        }
        #nav ul li a
        {
            background: url(images/nav.png) no-repeat;
        }
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../Styles/GoodAnot.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../Styles/Superfish/css/superfish.css"
        media="screen" />
    <link href="../Styles/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
    <script src="../Scripts/bootstrap-modal.js" type="text/javascript"></script>
    <script src="Scripts/scripts.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:SqlDataSource ID="SqlDataSource1" runat="server"></asp:SqlDataSource>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:FileUpload ID="fileuploadImage" runat="server" />
    <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" />
    <br />
    <br />
    <br />
    <br />
    <asp:Image ID="Image1" class="thumbnail" runat="server" Height="150px" Width="210px" />
    <asp:SqlDataSource ID="SqlDataSource2" runat="server"></asp:SqlDataSource>
    <!--/top-->
    <div id="galleryHeader">
        <div class="wrap">
            <div id="slide-holder">
                <div id="slide-runner">
                    <a href="">
                        <img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>
                    <a href="">
                        <img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>
                    <a href="">
                        <img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>
                    <a href="">
                        <img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>
                    <a href="">
                        <img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>
                    <a href="">
                        <img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>
                    <a href="">
                        <img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a>
                    <div id="slide-controls">
                        <p id="slide-client" class="text">
                            <strong>post: </strong><span></span>
                        </p>
                        <p id="slide-desc" class="text">
                        </p>
                        <p id="slide-nav">
                        </p>
                    </div>
                </div>
                <!--content featured gallery here -->
            </div>
            <script type="text/javascript">
                if (!window.slider) var slider = {}; slider.data = [{ "id": "slide-img-1", "client": "nature beauty", "desc": "nature beauty photography" }, { "id": "slide-img-2", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-3", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-4", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-5", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-6", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-7", "client": "nature beauty", "desc": "add your description here"}];
            </script>
        </div>
    </div>
    <!--/galleryHeader-->
    </form>
</body>
</html>
